<template>
    <div class="app-container">
        <el-tabs v-model="query.type" type="card" @tab-click="click()">
            <el-tab-pane label="10-历史遗留" name="10">
                <h1 class="head">
                    10 - 历史遗留矿山统计分析
                </h1>
            </el-tab-pane>
            <el-tab-pane label="20-有责任主体" name="20">
                <h1 class="head">
                    20 - 有责任主体矿山统计分析
                </h1>
            </el-tab-pane>
            <el-tab-pane label="30-其他情形" name="30">
                <h1 class="head">
                    30 - 其他情形矿山统计分析
                </h1>
            </el-tab-pane>
            <el-tab-pane label="40-功能未损毁" name="40">
                <h1 class="head">
                    40 - 功能未损毁矿山统计分析
                </h1>
            </el-tab-pane>
        </el-tabs>
    </div>
</template>

<script>
export default {
    name: 'ApplySpot',
    data() {
        return {
            query: {
                type: ''
            }
        }
    },
    methods: {
        click(){}
    }
}
</script>

<style scoped>
.head {
    text-align: center;
    font-size: 24px;
    font-weight: 400;
}
</style>